.el-dialog {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*height:600px;*/
    max-height: calc(100% - 200px);
    max-width: calc(100% - 30px);
}

.el-dialog .el-dialog__body {
    flex: 1;
    overflow: hidden;
    max-height: 900px;
    overflow-y: auto;
}

/* 固定 Footer 样式 */
.el-dialog__footer {
    flex-shrink: 0;
    padding: 10px;
    border-top: 1px solid #ebeef5;
    // text-align: right;
}

.el-table {
    // min-height: 500px;
    max-height: 80%;
    overflow: hidden;
    overflow-y: auto;
}

.el-pagination {
    display: flex;
    justify-content: end;
}

.el-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    /* 让 el-card 高度填满屏幕 */
}

.el-card__header {
    // height: 50px !important;
    padding: 0 !important;
}

.el-card .el-card__body {
    flex-grow: 1;
    /* 让 el-card-body 占据剩余空间 */
    overflow: auto;
    /* 确保当内容溢出时，可以滚动 */
    padding: 20px;
    /* 给 body 一些内边距 */
}

.card-header {
    font-size: 18px !important;
    padding: 20px !important;
}

/* 全局定义颜色变量 */
:root {
    --primary-color: #165dff;
    --primary-hover-color: #4080ff;
    --primary-hover-bg-color: #bedaff;
    --primary-active-color: #0e42d2;
    --success-color: #00b42a;
    --warning-color: #ff7d00;
    --danger-color: #f53f3f;
    --text-primary-color: #1d2129;
    --text-regular-color: #4e5969;
    --text-secondary-color: #86909c;
    --text-placeholder-color: #bcc3cc;
    --border-base-color: #e5e6eb;
    --border-light-color: #c9cdd4;
    --border-extra-light-color: #f2f3f5;
    --background-base-color: #f5f7fa;
}
.rech-text{
    img,p{
        width: 100%;
    }
}